<template>
  <div class="grid">
    <van-grid :column-num="channel.length" >
      <van-grid-item v-for="item in channel" :key="item.id" :icon="item.icon_url" :text="item.name" />
    </van-grid>
  </div>
</template>

<script>
export default {
  props:['channel'],
  data () {
    return {

    }
  },
}
</script>
 
<style lang = "less" scoped>
.grid {
  margin-bottom: .1rem;
}
</style>